{% extends 'shop/base.html' %}
{% block title %}
天天生鲜—所有商品
{% endblock %}
{% block style %}
  <script src="/static/shop/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/shop/css/bootstrap.css"/>
    <link rel="stylesheet" href="/static/shop/css/footer.css">
    <link rel="stylesheet" href="/static/shop/css/list.css">
    <link rel="stylesheet" href="/static/shop/css/search.css">
    <script src="/static/shop/js/bootstrap.js"></script>
{% endblock %}
{% block lable %}
    <div class="search col-sm-12">
        <div class="row">
            <!--左边图片和文字-->
            <div class="col-lg-5">
                <img src="/static/shop/images/logo.png" alt="..." class="img-rounded">
                <span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;所有商品</span>
            </div>
            <!--右边表单-->
            <div class="col-lg-6 col-lg-offset-1 search_bar">
                 <form  method="post" action="/shop/seek/">
                    {% csrf_token %}
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="搜索商品" name = 'goods'>
                        <span class="input-group-btn">
                    <button class="btn btn-success" style="padding: 6px 50px" type="submit" >搜索</button>
                </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
{% block contenter %}
    <div>
        <div class="col-xs-12 col-sm-2">
            <ul class="list-group">
                <li class="list-group-item active">全部商品分类</li>
            </ul>

        </div>
        <div class="col-xs-12 col-sm-10">
            <ul class="nav nav-tabs">
                <li role="presentation" class="active"><a href="#">首页</a></li>
                <li role="presentation"><a href="#">手机生鲜</a></li>
                <li role="presentation"><a href="#">抽奖</a></li>
            </ul>
        </div>
    </div>
    <div>
        <p class="col-xs-12">全部分类 > {{ Type.type }}</p>
    </div>
    <div>
        <div class="col-xs-12 col-sm-2">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h3 class="panel-title text-center newheight">新品推荐</h3>
                </div>
                <div class="panel-body">

                    {% for goods in provide_goods %}
                        <div class="col-xs-12 col-sm-12">
                            <a href="#" class="thumbnail">
                                <img src="/static/{{ goods.g_picture }}" class="img-responsive">
                                <p class="text-center">{{ goods.g_name }}</p>
                                <p class="text-center">￥{{ goods.g_price }}</p>
                            </a>
                        </div>
                      {% endfor %}

                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-10">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <ul class="nav nav-pills">
                        <li><a href="">默认</a></li>
                        <li><a href="">价格</a></li>
                        <li><a href="">人气</a></li>
                    </ul>
                </div>
                <div class="panel-body">
                    {% for g in Goods_list  %}
                    <div class="col-xs-12 col-sm-3">
                        <a href="/shop/detail/{{ g.id }}/" class="thumbnail">
                            <img src="/static/{{ g.g_picture }}" class="img-responsive">

                        </a>
                        <p class="text-center">{{ g.g_name }}</p>

                        <p class="text-center myps"><span>￥{{ g.g_price }}</span><span>{{g.g_price}}/{{ g.g_unit }}</span><span><img
                                src="/static/shop/images/carts.png"/></span></p>
                    </div>
                    {% endfor %}
                </div>
            </div>
            <div class="col-xs-12 col-sm-8 col-sm-offset-4">
                <ul class="pagination col-xs-12 col-sm-8 col-sm-offset-2">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">上一页</span>
                        </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">下一页</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}
{% block script %}

{% endblock %}
